page {
  height: 100%;
  background: #fff;
  font-family: 'PingFang SC';
}

.take-parcel-readme {
  height: 100vh;
  overflow-y: auto;
  background: #fff;
  position: relative;
  padding: 0 28px;
  letter-spacing: -0.24px;
  color: #000000;
  
  .green {
    color: #006241;
    white-space: nowrap;
    display: inline-block;
  }

  .section {
    position: relative;

    .section-title {
      position: absolute;
      width: 64px;
      height: 22px;
      left: 0;
      font-style: normal;
      font-weight: 600;
      font-size: 16px;
      line-height: 22px;
      text-align: center;
    }

    .section-content {
      position: absolute;
      width: 322px;
      font-style: normal;
      font-weight: 400;
      font-size: 16px;
      line-height: 25px;
      display: block;
      white-space: pre-wrap;
      word-wrap: break-word;
    }
  }

  .service-time {
    .section-title {
      top: 10px;
    }
    .section-content {
      top: 36px;
      height: 75px;
    }
  }

  .service-process {
    .section-title {
      top: 142px;
    }
    .section-content {
      top: 172px;
      height: 50px;
    }
  }

  .fee-standard {
    .section-title {
      width: 111px;
      top: 236px;
    }
    .section-content {
      .fee-item {
        position: absolute;
        width: 322px;
        height: auto;
        min-height: 25px;
        left: 0;
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 25px;
        display: block;
        white-space: pre-wrap;
        word-wrap: break-word;

        &:nth-child(1) {
          top: 265px;
        }
        &:nth-child(2) {
          top: 295px;
          height: 50px;
        }
        &:nth-child(3) {
          top: 345px;
          height: 50px;
        }
      }
    }
  }

  .notice {
    .section-title {
      width: 135px;
      top: 415px;
    }
    .section-content {
      .notice-item {
        position: absolute;
        width: 322px;
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 25px;
        display: block;
        white-space: pre-wrap;
        word-wrap: break-word;
        left: 0;

        span {
          display: inline;
          white-space: nowrap;
        }

        &:nth-child(1) {
          top: 445px;
          height: 75px;
        }
        &:nth-child(2) {
          top: 520px;
          height: 50px;
        }
        &:nth-child(3) {
          top: 570px;
          height: 50px;
        }
      }
    }
  }

  .submit-btn {
    position: fixed;
    width: 310px;
    height: 44px;
    left: 50%;
    transform: translateX(-50%);
    bottom: 20px;
    z-index: 100;

    button {
      width: 100%;
      height: 100%;
      background: #006241;
      border-radius: 20px;
      border: none;
      color: #FFFFFF;
      font-family: 'PingFang SC';
      font-style: normal;
      font-weight: 600;
      font-size: 16px;
      line-height: 44px;
      text-align: center;
      letter-spacing: -0.24px;
    }
  }
}
